<!DOCTYPE html PUBLIC
        "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <!--[if IE 7]>
<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css">
<![endif]-->
    <title>易田商城首页</title>
</head>

<body>
{% block top %}

    <!--顶部样式-->


    <div class="top_header">
        <em class="left_img"></em>
        <div class="header clearfix" id="header">
            <a href="{{ url_for('index.index') }}" class="logo_img"><img src="/static/images/logo.png"/></a>
            <div class="header_Section">
                <div class="shortcut">
                    <ul>
                        {% if not user %}
                            <li class="hd_menu_tit"><em class="login_img"></em><a
                                    href="{{ url_for('passport.login') }}">登录</a>
                            </li>
                            <li class="hd_menu_tit"><em class="registered_img"></em><a
                                    href="{{ url_for('passport.register') }}">注册</a></li>
                        {% else %}
                            <a href="{{ url_for('user.user_center') }}" style="color: orange">{{ user.nick_name }}</a>
                            <a href="{{ url_for('passport.logout') }}" style="color: black;">退出</a>

                        {% endif %}
                        <li class="hd_menu_tit"><em class="Collect_img"></em><a href="/user/collect_tmp">收藏夹</a></li>
                        <li class="hd_menu_tit"><em class="cart_img"></em><a
                                href="/shop//shopping_car">购物车（{{ shop_car_count }}）</a></li>

                    </ul>
                </div>
                <div class="nav" id="Navigation">
                    <ul class="Navigation_name">
                        <li class=""><a href="{{ url_for('index.index') }}">首页</a></li>
                        <li class=""><a href="{{ url_for('index.product_list') }}">所有果蔬</a></li>
                        <li class=""><a href="#">活动专区</a></li>
                        <li class=""><a href="{{ url_for('index.fruit_all') }}">水果馆</a></li>
                        <li class=""><a href="{{ url_for('index.vegetable_all') }}">蔬菜馆</a></li>
                    </ul>
                </div>
                <script>$("#Navigation").slide({titCell: ".Navigation_name li"});</script>
            </div>
        </div>
        <em class="right_img"></em>
    </div>
{% endblock top %}
<!--幻灯片样式-->
{% block content %}
    <div class="AD_bg_img">
        <!--幻灯片样式-->
        <div class="slider">
            <div id="slideBox" class="slideBox">
                <div class="hd">
                    <ul></ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="#" target="_blank"><img src="/static/images/AD_img.png"/></a></li>
                        <li><a href="#" target="_blank"><img src="/static/images/AD_img.png"/></a></li>
                    </ul>
                </div>
                <a class="prev" href="javascript:void(0)"></a>
                <a class="next" href="javascript:void(0)"></a>
            </div>
            <script type="text/javascript">
                jQuery(".slideBox").slide({
                    titCell: ".hd ul",
                    mainCell: ".bd ul",
                    autoPlay: true,
                    autoPage: true,
                    interTime: 9000
                });
            </script>
        </div>
    </div>
    <!--手风琴效果-->
    <div class="recommend_style ">
        <em class="ye_img"></em>
        <div class="mian">
            <div class="title_name"><a href="/product_list" class="link_name">最新促销</a></div>
            <div class="carouFredSel">
                <script type="text/javascript" src="/static/js/slider.js"></script>
                <div id="center">
                    <div id="slider">
                        {% for fruit in fruit_list %}
                            <div class="slide">
                                <a href="/product_detail/{{ fruit.id }}" target="_blank"><img class="diapo" border="0"
                                                                                              src="/static/product_img/{{ fruit.product_avatar }}"
                                                                                              style="opacity: 1; visibility: visible;width: 620px"></a>
                                <div class="backgroundText_name">
                                    <div class="product_info">
                                        <h2>{{ fruit.product_name }}</h2>
                                        <h5>产地：{{ fruit.address }}</h5>
                                        <p>原价：<b>￥129.90</b></p>
                                    </div>
                                    <div class="product_price">
                                        <a href="#" class="price_btn">
                                            <p class="left_title_p"></p>
                                            <p class="zj_bf"><em>￥</em>{{ fruit.price }}</p>
                                            <p class="right_buf"></p>
                                        </a>
                                    </div>
                                </div>
                                <div class="text"></div>
                            </div>
                        {% endfor %}
                    </div>
                </div>
                <script type="text/javascript">/* ==== start script ==== */
                slider.init();
                </script>
            </div>
        </div>
        <em class="ye_img1"></em>
    </div>
    <!--最新上架产品样式-->


{% endblock content %}
<!--底部样式-->
{% block bottom %}
    <div class="footer">
        <div class="footer_img_bg"></div>
        <div class="footerbox">
            <div class="footer_info">
                <div class="footer_left">
                    <a href="#"><img src="/static/images/logo.png"/></a>
                    <p class="erwm">
                        <img src="/static/images/erweim.png" width="80px" height="80px"/>
                        <img src="/static/images/erweim.png" width="80px" height="80px"/>
                    <p>
                </div>
                <div class="helper_right clearfix">
                    <dl>
                        <dt><em class="guide"></em>新手指南</dt>
                        <dd><a href="registered.html">注册新用户</a></dd>
                        <dd><a href="#">实名认证</a></dd>
                        <dd><a href="#">找回密码</a></dd>
                    </dl>
                    <dl>
                        <dt><em class="h_about"></em>关于我们</dt>
                        <dd><a href="#">关于我们</a></dd>
                        <dd><a href="#">政策服务</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                    </dl>
                    <dl>
                        <dt><em class="h_conact"></em>联系我们</dt>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">在线客服</a></dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class=" Copyright ">
            @2015 四川莆田特色馆版权所有

        </div>
    </div>
{% endblock bottom %}
</body>
</html>
